<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 国产浏览器默认采用高速模式渲染页面 -->
    <meta name="renderer" content="webkit">
    <title>度假屋、民宿、体验和攻略 - Airbnb爱比迎</title>
    <!-- Bootstrap.css -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- 字体图标 -->
    <link rel="stylesheet" href="css/font-awesome.css">
    <!-- 修复IE10的媒体查询bug -->
    <link rel="stylesheet" href="css/ie10-viewport-bug-workaround.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- 标签页图标 -->
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <!-- 导航栏 -->
    <link rel="stylesheet" href="css/navigation-bar.css">
    <!-- 首页 -->
    <link rel="stylesheet" href="css/index.css">
    <!-- 尾页 -->
    <link rel="stylesheet" href="css/footer.css">
</head>

<body>
    <!-- 网页首部 -->
    <header>
        <!-- 图片轮播 -->
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators" style="display: flex; align-content: center; justify-content: center;">
                <li 
                    data-target="#carousel-example-generic" 
                    v-for="(item, index) in carousel" 
                    :data-slide-to="index" 
                    :class="{active: !index}"
                    style="margin-left: 3px; margin-right: 3px;">
                </li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item" v-for="(item, index) in carousel" :key="item.cfid" :class="{active: !index}">
                    <a :href="item.cflink"><img :src="item.url" :alt="'轮播图' + index"></a>
                    <div class="carousel-caption">
                        <h3>{{ item.maintxt }}</h3>
                        <p>{{ item.subtxt }}</p>
                    </div>
                </div>
            </div>

            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>

        <!-- 导航栏 -->
        <div class="wjc-navigation">
            <!-- 爱彼迎的svg图标 -->
            <div class="wjc-navigation-icon">
                <a href="index.html" target="_self">
                    <svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false">
                        <path d="m499.3 736.7c-51-64-81-120.1-91-168.1-10-39-6-70 11-93 18-27 45-40 
                            80-40s62 13 80 40c17 23 21 54 11 93-11 49-41 105-91 168.1zm362.2 43c-7 47-39 
                            86-83 105-85 37-169.1-22-241.1-102 119.1-149.1 141.1-265.1 90-340.2-30-43-73-64-128.1-64-111 
                            0-172.1 94-148.1 203.1 14 59 51 126.1 110 201.1-37 41-72 70-103 88-24 13-47 
                            21-69 23-101 15-180.1-83-144.1-184.1 5-13 15-37 32-74l1-2c55-120.1 122.1-256.1 199.1-407.2l2-5 
                            22-42c17-31 24-45 51-62 13-8 29-12 47-12 36 0 64 21 76 38 6 9 13 21 22 36l21 41 3 6c77 151.1 144.1
                            287.1 199.1 407.2l1 1 20 46 12 29c9.2 23.1 11.2 46.1 8.2 
                            70.1zm46-90.1c-7-22-19-48-34-79v-1c-71-151.1-137.1-287.1-200.1-409.2l-4-6c-45-92-77-147.1-170.1-147.1-92 
                            0-131.1 64-171.1 147.1l-3 6c-63 122.1-129.1 258.1-200.1 409.2v2l-21 46c-8 19-12 29-13 32-51 
                            140.1 54 263.1 181.1 263.1 1 0 5 0 10-1h14c66-8 134.1-50 203.1-125.1 69 75 137.1 117.1 203.1 
                            125.1h14c5 1 9 1 10 1 127.1.1 232.1-123 181.1-263.1z">
                        </path>
                    </svg>
                </a>
            </div>

            <div class="wjc-navigation-other">
                <!-- 搜索输入框 -->
                <div class="col-md-6">
                    <form action="#" method="POST" class="form-inline" role="form">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon wjc-navgation-search-prev">
                                    <i class="fa fa-search" aria-hidden="true"></i>
                                </div>
                                <label class="sr-only" for="wjc-navgation-search">搜索</label>
                                <input type="text" name="search" class="form-control" id="wjc-navgation-search"
                                    placeholder="搜索">
                            </div>
                        </div>
                    </form>
                </div>

                <!-- 导航栏菜单 -->
                <nav class="col-md-6">
                    <ul class="wjc-navigation-menu list-inline">
                        <!-- <li class="dropdown">
                            <a id="wjc-nav-currency" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                aria-haspopup="true" aria-expanded="false">
                                人民币 - ￥
                            </a>
                            <ul class="dropdown-menu my-nav-dropdown-menu1">
                                <li class="my-nav-dropdown-menu1-title"><a href="#">常用货币</a></li>
                                <li><a href="#">人民币 - ￥</a></li>
                                <li><a href="#">美元 - $</a></li>
                                <li><a href="#">日元 - ￥</a></li>
                                <li><a href="#">港币 - $</a></li>
                                <li><a href="#">新台币 - $</a></li>
                                <li><a href="#">欧元 - $</a></li>
                                <li><a href="#">英镑 - $</a></li>
                                <li class="my-nav-dropdown-menu1-title"><a href="#">其他货币</a></li>
                                <li><a href="#">澳大利亚元 - $</a></li>
                            </ul>
                        </li> -->
                        <li>
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                                aria-expanded="false">
                                手机端
                            </a>
                            <div class="dropdown-menu my-nav-dropdown-menu2">
                                <div>
                                    <img src="img/download_app_other-2216c06ab35e39238e40720ed9bf1439.png" alt="下载手机客户端">
                                    <div>下载手机客户端</div>
                                    <div>&nbsp;</div>
                                </div>
                                <div>
                                    <img src="img/service_account_qr_code_header_other-9291205a414d3af6b492e99d4a0b21e4.png"
                                        alt="关注微信服务号">
                                    <div>关注微信服务号</div>
                                    <div>id：AirbnbOfficial</div>
                                </div>
                            </div>
                        </li>
                        <!-- <li class="show wjc-login-prev">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                                aria-expanded="false">成为房东/体验达人</a>
                            <div class="dropdown-menu my-nav-dropdown-menu3">
                                <div>
                                    <div class="my-nav-dropdown-menu3-title">房源</div>
                                    <div class="wjc-flex-con1">
                                        <div>
                                            <div class="my-nav-dropdown-menu3-link"><a href="#">发布房源</a></div>
                                            <div class="my-nav-dropdown-menu3-content">在<span class="wjc-nav-dropdown-loc">沈阳</span>接待房客，每月为您带来高达<span
                                                    class="wjc-nav-dropdown-monthlyincome">￥5,627</span>的收入</div>
                                        </div>
                                        <div class="my-nav-dropdown-menu3-icon">
                                            <svg viewBox="0 0 24 24" role="presentation" aria-hidden="true" focusable="false"
                                                style="height: 24px; width: 24px; display: block; fill: currentcolor;">
                                                <path d="m23.06 11.4-1.75-1.76-3.85-3.87-3.85-3.87-1.27-1.27-.36-.36-.09-.09c-.23-.23-.55-.23-.75-.02l-1.68 
                                                    1.75-3.68 3.87-3.68 3.87-1.67 1.75a1.47 1.47 0 0 0 -.43 1.05v.02c.01.38.15.76.44 1.05l.55.55a1.49 1.49 0 
                                                    0 0 2.01.08v8.4c0 .81.68 1.45 1.5 1.45h14c .82 0 1.5-.65 1.5-1.45v-8.86l.38.38a1.5 1.5 0 0 0 
                                                    2.13-.01l.55-.55c.59-.59.59-1.54.01-2.13zm-4.06 11.15c0 .24-.22.45-.5.45h-14c-.28 0-.5-.21-.5-.45v-9.41l7.51-7.93 
                                                    7.49 7.48v9.85zm3.35-9.74-.55.55c-.2.2-.52.2-.71.01l-9.24-9.22a.5.5 0 0 0 -.72.01l-8.73 9.22a.5.5 0 
                                                    0 1 -.7-.02l-.55-.55a.5.5 0 0 1 -.01-.71l1.68-1.77 3.69-3.86 3.68-3.87 1.32-1.39c.03.03.07.07.12.12l1.27 
                                                    1.27 3.85 3.87 3.85 3.87 1.75 1.76a.51.51 0 0 1 -.01.71zm-10.85-.81a.5.5 0 0 1 .5.5v3.5h3.5a.5.5 0 1 1 0 
                                                    1h-3.5v3.5a.5.5 0 0 1 -1 0v-3.5h-3.5a.5.5 0 0 1 0-1h3.5v-3.5a.5.5 0 0 1 .5-.5z"
                                                    fill-rule="evenodd"></path>
                                            </svg>
                                        </div>
                                    </div>
                                    <div class="my-nav-dropdown-menu3-link"><a href="#">了解如何出租您的房源</a></div>
                                </div>
                                <hr>
                                <div>
                                    <div class="my-nav-dropdown-menu3-title">体验</div>
                                    <div class="wjc-flex-con1">
                                        <div>
                                            <div class="my-nav-dropdown-menu3-link"><a href="#">开始体验</a></div>
                                            <div class="my-nav-dropdown-menu3-content">带领别人做自己热爱的事并赚取收入</div>
                                        </div>
                                        <div class="my-nav-dropdown-menu3-icon">
                                            <img src="img/bb6d49e059b6c7d8791e9b4e30f8d4cd.svg" alt="开始体验">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li> -->
                        <li class="hidden wjc-login-after">
                            <a href="addhouse.html">添加房源</a>
                        </li>
                        <li class="hidden wjc-login-after">
                            <a href="housecontrol.html">房源管理</a>
                            <!-- <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                                aria-expanded="false">管理面板</a>
                            <ul class="dropdown-menu my-nav-dropdown-menu4">
                                <li><a href="housecontrol.html" class="my-nav-dropdown-menu4-title">房源管理</a></li>
                                <li>
                                    <a href="#">
                                        <div class="wjc-flex-con1">
                                            <div>
                                                <span class="my-nav-dropdown-menu4-title">开展体验</span>
                                                <div>与房客分享您最喜爱的一项活动，赚取额外收入</div>
                                            </div>
                                            <div class="my-nav-dropdown-menu3-icon">
                                                <img src="img/bb6d49e059b6c7d8791e9b4e30f8d4cd.svg" alt="开始体验">
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            </ul> -->
                        </li>
                        <li>
                            <a href="story.html" target="_blank">故事</a>
                        </li>
                        <!-- <li class="hidden wjc-login-after">
                            <a href="#">心愿单</a>
                        </li>
                        <li class="hidden wjc-login-after">
                            <a href="#">旅程</a>
                        </li>
                        <li class="hidden wjc-login-after">
                            <a href="#">消息</a>
                        </li>
                        <li>
                            <a href="#">帮助</a>
                        </li> -->
                        <li class="hidden wjc-login-after wjc-user-info">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                                aria-expanded="false">
                                <img id="wjc-user-icon" src="img/aibiying.png" alt="头像" class="img-circle">
                            </a>
                            <ul class="dropdown-menu my-nav-dropdown-menu6">
                                <li><a href="userinfo.html">编辑个人资料</a></li>
                                <!-- <li><a href="#">旅行资金</a></li>
                                <li><a href="#">账号设置</a></li>
                                <li><a href="#">我的指南</a></li>
                                <li><a href="#">商务爱彼迎</a></li> -->
                                <li id="wjc-login-out"><a href="#">退出</a></li>
                            </ul>
                        </li>
                        <li class="show wjc-login-prev">
                            <!-- <a href="#" data-toggle="modal" data-target="#myModal2">注册</a> -->
                            <a href="register.html">注册</a>
                        </li>
                        <li class="show wjc-login-prev">
                            <a href="#" data-toggle="modal" data-target="#myModal">登录</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>

    <!-- 主体内容 -->
    <div class="container" style="margin-top: 10px;">
        <!-- 房源搜索 -->
        <div class="wjc-con-search-div">
            <form action="#" method="POST" role="form">
                <div class="form-group">
                    <div class="input-group">
                        <div class="input-group-addon">
                            <i class="fa fa-search" aria-hidden="true" style="font-size: 20px;"></i>
                        </div>
                        <label class="sr-only" for="wjc-con-search">搜索</label>
                        <input type="text" name="search" class="form-control" id="wjc-con-search" placeholder="目的地，城市，地址">
                        <div class="input-group-addon">
                            <button type="button" class="btn btn-danger btn-lg">搜索</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>

        <!-- 推荐房源 -->
        <div class="wjc-three-layout">
            <div class="row">
                <div class="wjc-layout-title btn btn-link col-md-6">
                    <div class="wjc-layout-title-main">{{ maintitle }}</div>
                    <div class="wjc-layout-title-sub" v-if="subtitle != null && subtitle!= ''">{{ subtitle }}</div>
                </div>
            </div>

            <!-- <div class="wjc-layout-menu-btn1 row">
                <div class="col-md-12 wjc-list-menu-div">
                    <div class="wjc-list-menu-prev-div">
                        <button class="wjc-list-menu-prev hidden">
                            <i class="fa fa-angle-left" aria-hidden="true"></i>
                        </button>
                    </div>
                    <div class="wjc-list-menu-show">
                        <ul class="list-inline wjc-list-menu">
                            <li v-for="(item, index) in area" :item="item" :key="item.id">
                                <button class="btn btn-default wjc-btn-list" :class="{'wjc-list-menu-active': !index}">
                                    {{ item.city }}
                                </button>
                            </li>
                        </ul>
                    </div>
                    <div class="wjc-list-menu-after-div">
                        <button type="button" class="wjc-list-menu-after">
                            <i class="fa fa-angle-right" aria-hidden="true"></i>
                        </button>
                    </div>
                </div>
            </div> -->

            <div class="wjc-layout-content row container">
                <div class="row wjc-layout-content-row">
                    <div class="col-md-4" v-for="item in houseinfo" style="margin-bottom: 10px;">
                        <a :href="item.rhlink">
                            <div class="wjc-layout-content-image">
                                <img :src="item.photo">
                            </div>
                            <div class="wjc-layout-content-info">
                                {{ item.hname }} · {{ item.bednum }}张床
                            </div>
                            <div class="wjc-layout-content-description">
                                {{ item.housename }}
                            </div>
                            <div class="wjc-layout-content-price">
                                <span class="wjc-strong-style">￥{{ item.price }}</span>
                            </div>
                            <!-- <div class="wjc-layout-content-comment airbnb-red">
                                <span class="wjc-tag">新房源</span>
                                <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                    class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i
                                    class="fa fa-star-o" aria-hidden="true"></i>
                                <span class="wjc-evaluation">
                                    1条评价
                                </span>
                            </div> -->
                        </a>
                    </div>
                </div>
            </div>
            <!-- <div class="wjc-layout-more">
                <a href="#" class="airbnb-green">
                    查看更多<span>上海</span>房源 <i class="fa fa-angle-right" aria-hidden="true"></i>
                </a>
            </div> -->
        </div>

        <!-- 支付选择 -->
        <div class="wjc-pay-method row">
            <div class="col-md-4">
                <div class="wjc-pay-method-img-div">
                    <img src="img/yk-leftimg.png" alt="">
                </div>
                <div class="wjc-pay-method-content">
                    <div>24小时中文客服</div>
                    <div>400-841-0328</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="wjc-pay-method-img-div">
                    <img src="img/yk-midimg.png" alt="">
                </div>
                <div class="wjc-pay-method-content">
                    <div>安全支付</div>
                    <div>支付宝付款已向中国用户开通</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="wjc-pay-method-img-div">
                    <img src="img/yk-rightimg.png" alt="">
                </div>
                <div class="wjc-pay-method-content">
                    <div>芝麻信用</div>
                    <div>实名认证房东房客信息，真实可靠</div>
                </div>
            </div>
        </div>

        <!-- 精彩旅行故事 -->
        <div class="wjc-four-layout wjc-story">
            <div class="row">
                <button type="button" class="wjc-layout-title btn btn-link col-md-6">
                    <div class="wjc-layout-title-main">精彩旅行故事</div>
                </button>
            </div>
            <div class="wjc-layout-content row container">
                <div class="row wjc-layout-content-row">
                    <div class="col-md-3" v-for="item in stories" style="margin-bottom: 10px;">
                        <a :href="item.rslink">
                            <div class="wjc-layout-content-image" :style="{'background-image': 'url(' + item.url + ')'}">
                                <div>
                                    <button type="button" class="wjc-story-thumbsup">
                                        <svg viewBox="0 0 16 16" fill="currentColor" fill-opacity="0" stroke="#ffffff"
                                            stroke-width="1" focusable="false" aria-label="Like" role="img"
                                            stroke-linecap="round" stroke-linejoin="round" style="height: 24px; width: 24px; display: block; overflow: visible;">
                                            <path d="m7.3 1.7c-.2.6-.2 2.3-3.5 3.4-2.7.9-3.3 3.4-3.3 5.4 0 1.8.6 5 4.8 5h6.2c.9 0 1.5-.4 1.5-1.1s-.5-1.1-1-1.1c.5 0 1.5-.1 1.5-1.1 0-1.1-1-1.1-1-1.1.8 0 1.5-.3 1.5-1.1 0-.9-.7-1.1-1.5-1.1.8 0 1.5-.3 1.5-1.1s-.8-1.1-1.5-1.1h-4.5c-.2 0-.4-.1-.4-.3-.1-.2-.1-.4 0-.5.1-.2 1.1-1 1.6-2 .3-.6.4-1.4.3-2 0-.4-.3-1.2-1.1-1.2s-1 .9-1.1 1.2z"></path>
                                        </svg>
                                    </button>
                                </div>
                                <div>
                                    <span class="wjc-tag-2">{{ item.stname }}</span>
                                </div>
                            </div>
                            <div class="wjc-story-summary">
                                <span>{{ item.city }}</span>
                                {{ item.title }}
                            </div>
                            <div class="wjc-story-comment">
                                <span>
                                    <img class="img-circle" :src="item.icon">
                                </span>
                                <span>
                                    <svg viewBox="0 0 16 16" role="img" aria-label="Number of likes" focusable="false"
                                        style="height: 1em; width: 1em; fill: rgb(118, 118, 118);">
                                        <path d="m14.5 7.63c0-.97-.8-1.63-2-1.63l-4.5.01c.04-.05.11-.12.2-.21.39-.4 1.04-1.06 1.41-1.87.31-.68.46-1.61.37-2.32-.09-.65-.59-1.61-1.61-1.61-.44 0-1.23.2-1.6 1.52a3.12 3.12 0 0 0 -.05.22c-.14.62-.44 1.93-3.11 2.86-2.4.82-3.61 2.81-3.61 5.9 0 3.44 1.98 5.5 5.3 5.5h6.2c1.2 0 2-.65 2-1.63 0-.33-.09-.64-.24-.89.62-.34.74-.94.74-1.36a1.66 1.66 0 0 0 -.24-.9c.65-.37.74-1.01.74-1.35 0-.28-.06-.77-.45-1.14.29-.28.45-.66.45-1.11"></path>
                                    </svg>
                                    <span class="wjc-story-thumbsup-num">
                                        {{ item.znum }}
                                    </span>
                                </span>
                                <span>
                                    <svg viewBox="0 0 16 16" role="img" aria-label="Number of comments" focusable="false"
                                        style="height: 1em; width: 1em; fill: rgb(118, 118, 118);">
                                        <path d="m4.5 7h4c .28 0 .5.23.5.5s-.22.5-.5.5h-4c-.28 0-.5-.23-.5-.5s.22-.5.5-.5m-.5-2.5c0-.28.22-.5.5-.5h7c .28 0 .5.23.5.5s-.23.5-.5.5h-7c-.28 0-.5-.23-.5-.5m8.5-3.5h-9c-1.38 0-2.5 1.12-2.5 2.5v12c0 .25.18.45.42.49.03.01.05.01.08.01.21 0 .41-.14.47-.34.56-1.69 2.74-3.66 7.03-3.66h3.5c1.38 0 2.5-1.12 2.5-2.5v-6c0-1.38-1.12-2.5-2.5-2.5"></path>
                                    </svg>
                                    <span class="wjc-story-comment-num">
                                        {{ item.commNum }}
                                    </span>
                                </span>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <!-- <div class="wjc-layout-more">
                <a href="#" class="airbnb-green">
                    显示全部 <i class="fa fa-angle-right" aria-hidden="true"></i>
                </a>
            </div> -->
        </div>
    </div>

    <!-- 网页尾部 -->
    <footer>
        <div class="container">
            <div class="row">
                <ul class="col-md-3 list-unstyled">
                    <li class="wjc-footer-title">爱彼迎</li>
                    <li>
                        <a href="#">工作机会</a>
                    </li>
                    <li>
                        <a href="#">新闻</a>
                    </li>
                    <li>
                        <a href="#">政策</a>
                    </li>
                    <li>
                        <a href="#">帮助</a>
                    </li>
                    <li>
                        <a href="#">多元化与归属感</a>
                    </li>
                </ul>
                <ul class="col-md-3 list-unstyled">
                    <li class="wjc-footer-title">发现</li>
                    <li>
                        <a href="#">信任与安全</a>
                    </li>
                    <li>
                        <a href="#">旅行基金</a>
                    </li>
                    <li>
                        <a href="#">爱彼迎公民</a>
                    </li>
                    <li>
                        <a href="#">商务差旅</a>
                    </li>
                    <li>
                        <a href="#">旅游指南</a>
                    </li>
                    <li>
                        <a href="#">爱彼迎杂志</a>
                    </li>
                    <li>
                        <a href="#">活动</a> <span class="wjc-tag">new</span>
                    </li>
                </ul>
                <ul class="col-md-3 list-unstyled">
                    <li class="wjc-footer-title">出租</li>
                    <li>
                        <a href="#">为什么要出租？</a>
                    </li>
                    <li>
                        <a href="#">待客之道</a>
                    </li>
                    <li>
                        <a href="#">房东义务</a>
                    </li>
                    <li>
                        <a href="#">开展体验</a> <span class="wjc-tag">new</span>
                    </li>
                    <li>
                        <a href="#">Open Homes</a> <span class="wjc-tag">new</span>
                    </li>
                </ul>
                <ul class="col-md-3 list-unstyled">
                    <li class="wjc-footer-icon">
                        <a href="http://www.weibo.com/airbnb">
                            <i class="fa fa-weibo" aria-hidden="true"></i>
                        </a>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <a href="#">
                            <i class="fa fa-weixin" aria-hidden="true"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#">条款</a>
                    </li>
                    <li>
                        <a href="#">隐私政策</a>
                    </li>
                    <li>
                        <a href="#">网站地图</a>
                    </li>
                </ul>
            </div>
            <div class="wjc-footer-row">
                <div>
                    <div>
                        <svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1.5em; width: 1.5em; display: block; fill: rgb(118, 118, 118);">
                            <path d="m499.3 736.7c-51-64-81-120.1-91-168.1-10-39-6-70 11-93 18-27 45-40 80-40s62 13 80 40c17 23 21 54 11 93-11 49-41 105-91 168.1zm362.2 43c-7 47-39 86-83 105-85 37-169.1-22-241.1-102 119.1-149.1 141.1-265.1 90-340.2-30-43-73-64-128.1-64-111 0-172.1 94-148.1 203.1 14 59 51 126.1 110 201.1-37 41-72 70-103 88-24 13-47 21-69 23-101 15-180.1-83-144.1-184.1 5-13 15-37 32-74l1-2c55-120.1 122.1-256.1 199.1-407.2l2-5 22-42c17-31 24-45 51-62 13-8 29-12 47-12 36 0 64 21 76 38 6 9 13 21 22 36l21 41 3 6c77 151.1 144.1 287.1 199.1 407.2l1 1 20 46 12 29c9.2 23.1 11.2 46.1 8.2 70.1zm46-90.1c-7-22-19-48-34-79v-1c-71-151.1-137.1-287.1-200.1-409.2l-4-6c-45-92-77-147.1-170.1-147.1-92 0-131.1 64-171.1 147.1l-3 6c-63 122.1-129.1 258.1-200.1 409.2v2l-21 46c-8 19-12 29-13 32-51 140.1 54 263.1 181.1 263.1 1 0 5 0 10-1h14c66-8 134.1-50 203.1-125.1 69 75 137.1 117.1 203.1 125.1h14c5 1 9 1 10 1 127.1.1 232.1-123 181.1-263.1z"></path>
                        </svg>
                    </div>
                    <div>
                        <div>
                            京ICP备16017121号-3 京ICP证 160773号
                            <img src="img/public_security_bureau_logo-5d90debd8b3d783447eeffa635df1972.png" alt="网警">
                            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502032345"
                                target="_blank">
                                京公网安备 11010502032345号
                            </a>
                            安彼迎网络（北京）有限公司
                        </div>
                        <div>© Airbnb, Inc.</div>
                    </div>
                </div>
                <!-- <div>
                    <div class="btn-group dropup" style="display: inline-block;">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
                            aria-haspopup="true" aria-expanded="false">
                            中文（简体）
                        </button>
                        <ul class="dropdown-menu">
                            <li><a href="#">中文（简体）</a></li>
                            <li><a href="#">中文（繁体）</a></li>
                            <li><a href="#">日本语</a></li>
                            <li><a href="#">English</a></li>
                        </ul>
                    </div>
                    <div class="btn-group dropup" style="display: inline-block;">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
                            aria-haspopup="true" aria-expanded="false">
                            CNY 人民币
                        </button>
                        <ul class="dropdown-menu">
                            <li><a href="#">CNY 人民币</a></li>
                            <li><a href="#">HKD 港币</a></li>
                            <li><a href="#">JYP日元</a></li>
                            <li><a href="#">USD 美元</a></li>
                        </ul>
                    </div>
                </div> -->
            </div>
        </div>
    </footer>




    <!-- 模态框区域 -->
    <!-- 登录的模态框 -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header wjc-nav-login-modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">登录爱彼迎</h4>
                </div>
                <div class="modal-body">
                    <form action="#" method="post">
                        <div class="form-group">
                            <label class="sr-only" for="wjc-login-lname">电子邮件/手机号码/账号</label>
                            <input type="text" name="lname" id="wjc-login-lname" class="form-control input-lg"
                                placeholder="电子邮件/手机号码/账号">
                        </div>
                        <div class="form-group">
                            <label class="sr-only" for="wjc-login-lpass">密码</label>
                            <input type="password" name="lpass" class="form-control input-lg" id="wjc-login-lpass"
                                placeholder="密码">
                        </div>
                        <div class="form-group">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="wjc-login-rememberme"> 记住我
                                </label>
                            </div>
                        </div>
                        <button type="button" id="wjc-btn-login" class="btn btn-success btn-lg btn-block">登录</button>
                    </form>
                </div>
                <div class="modal-footer wjc-nav-login-modal-footer">
                    <span>还没有账号？</span>
                    <button type="button" class="btn btn-danger" data-dismiss="modal" onclick="location.href='register.html'">注册</button>
                </div>
            </div>
        </div>
    </div>

    <!-- JavaScript引用 -->
    <!-- JQuery.js -->
    <script src="js/jquery-3.3.1.min.js"></script>
    <!-- Vue.js -->
    <script src="js/vue.js"></script>
    <!-- Vue.js的组件化构建 -->
    <script src="js/component.js"></script>
    <!-- Bootstrap.js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- 修复IE10的媒体查询bug -->
    <script src="js/ie10-viewport-bug-workaround.js"></script>
    <!-- 导航栏 -->
    <script src="js/navigation-bar.js"></script>
    <!-- 首页 -->
    <script src="js/index.js"></script>
    <!-- 尾页 -->
    <script src="js/footer.js"></script>
</body>

</html>